<!DOCTYPE HTML>

<html>
<head>
<title>Coupon No.1</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
</head>
<body class="homepage">
<div id="page-wrapper"> 
  
  <!-- Header -->
  <div id="header-wrapper">
    <div id="header"> 
      
      <!-- Logo -->
      <h1><a href="index.html">Coupon NO.1</a></h1>
      
      <!-- Nav -->
      <nav id="nav">
        <ul>
          <li class="current"><a href="index.html">Home</a></li>
          <li> <a href="#">Categories</a>
            <ul>
              <li><a href="#">Art</a></li>
              <li><a href="#">Babies & Kids</a></li>
              <li><a href="#">College & Education</a></li>
              <li> <a href="#">Event Tickets</a></li>
              <li><a href="#">Food & Gourmet</a></li>
            </ul>
          </li>
          <li><a href="left-sidebar.html">Blog</a></li>
          <li><a href="left-sidebar.html">Top 10</a></li>
          <li><a href="left-sidebar.html">Contact</a></li>
        </ul>
      </nav>
      
      <!-- Banner -->
      <section id="banner">
        <header>
  
  
        </header>
      </section>
      
      <!-- Intro -->
      <section id="intro" class="container">
        <div class="row">
          
        </div>
      </section>
    </div>
  </div>
  
  <!-- Main -->
  <div id="main-wrapper">
    <div class="container">
      <div class="row">
        <div class="12u"> 
          
          <!-- Portfolio -->
          <section>
            <header class="major">
              <h2>Latest</h2>
            </header>
            <div class="row">
              <div class="4u 12u(mobile)">
                <section class="box"> <a href="#" class="image featured"><img src="images/pic02.jpg" alt="" /></a>
                  <header>
                    <h3>Up To 25% Off 3,800+ Hilton Hotels Worldwide!</h3>
                  </header>
                  <p>Save up to 25% at over 3,800 Hilton Hotels worldwide, across all brands, when you are or become an HHonors member  </p>
                  <footer> <a href="#" class="button alt">See sale</a> </footer>
                </section>
              </div>
              <div class="4u 12u(mobile)">
                <section class="box"> <a href="#" class="image featured"><img src="images/pic03.jpg" alt="" /></a>
                  <header>
                    <h3>Free Cheese Sticks For Non-Babies</h3>
                  </header>
                  <p>What would you do for free cheese sticks? Would you steal them from a baby? How about a slightly older baby? </p>
                  <footer> <a href="#" class="button alt">See sale</a> </footer>
                </section>
              </div>
              <div class="4u 12u(mobile)">
                <section class="box"> <a href="#" class="image featured"><img src="images/pic04.jpg" alt="" /></a>
                  <header>
                    <h3>Free Spotify Premium For 2 Months</h3>
                  </header>
                  <p>Finally! Create your own gaming soundtrack with Spotify on PlayStation Music. </p>
                  <footer> <a href="#" class="button alt">See sale</a> </footer>
                </section>
              </div>
              <div class="4u 12u(mobile)">
                <section class="box"> <a href="#" class="image featured"><img src="images/pic07.jpg" alt="" /></a>
                  <header>
                    <h3>Free Spotify Premium For 2 Months</h3>
                  </header>
                  <p>Finally! Create your own gaming soundtrack with Spotify on PlayStation Music. </p>
                  <footer> <a href="#" class="button alt">See sale</a> </footer>
                </section>
              </div>

              <div class="4u 12u(mobile)">
                <section class="box"> <a href="#" class="image featured"><img src="images/pic05.jpg" alt="" /></a>
                  <header>
                    <h3>Blandit sed adipiscing</h3>
                  </header>
                  <p>Lorem ipsum dolor sit amet sit veroeros sed amet blandit consequat veroeros lorem blandit  adipiscing et feugiat phasellus tempus dolore ipsum lorem dolore.</p>
                  <footer> <a href="#" class="button alt">See sale</a> </footer>
                </section>
              </div>
              <div class="4u 12u(mobile)">
                <section class="box"> <a href="#" class="image featured"><img src="images/pic06.jpg" alt="" /></a>
                  <header>
                    <h3>Etiam nisl consequat</h3>
                  </header>
                  <p>Lorem ipsum dolor sit amet sit veroeros sed amet blandit consequat veroeros lorem blandit  adipiscing et feugiat phasellus tempus dolore ipsum lorem dolore.</p>
                  <footer> <a href="#" class="button alt">See sale</a> </footer>
                </section>
              </div>

            </div>
          </section>
        </div>
      </div>
      <div class="row">
        <div class="12u"> 
          
          <!-- Blog -->
          <section>
            <header class="major">
              <h2>The Blog</h2>
            </header>
            <div class="row">
              <div class="6u 12u(mobile)">
                <section class="box"> <a href="#" class="image featured"><img src="images/pic08.jpg" alt="" /></a>
                  <header>
                    <h3>Magna tempus consequat lorem</h3>
                    <p>Posted 45 minutes ago</p>
                  </header>
                  <p>Lorem ipsum dolor sit amet sit veroeros sed et blandit consequat sed veroeros lorem et blandit  adipiscing feugiat phasellus tempus hendrerit, tortor vitae mattis tempor, sapien sem feugiat sapien, id suscipit magna felis nec elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos lorem ipsum dolor sit amet.</p>
                  <footer>
                    <ul class="actions">
                      <li><a href="#" class="button icon fa-file-text">Continue Reading</a></li>
                      <li><a href="#" class="button alt icon fa-comment">33 comments</a></li>
                    </ul>
                  </footer>
                </section>
              </div>
              <div class="6u 12u(mobile)">
                <section class="box"> <a href="#" class="image featured"><img src="images/pic09.jpg" alt="" /></a>
                  <header>
                    <h3>Aptent veroeros et aliquam</h3>
                    <p>Posted 45 minutes ago</p>
                  </header>
                  <p>Lorem ipsum dolor sit amet sit veroeros sed et blandit consequat sed veroeros lorem et blandit  adipiscing feugiat phasellus tempus hendrerit, tortor vitae mattis tempor, sapien sem feugiat sapien, id suscipit magna felis nec elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos lorem ipsum dolor sit amet.</p>
                  <footer>
                    <ul class="actions">
                      <li><a href="#" class="button icon fa-file-text">Continue Reading</a></li>
                      <li><a href="#" class="button alt icon fa-comment">33 comments</a></li>
                    </ul>
                  </footer>
                </section>
              </div>
            </div>
          </section>
        </div>
      </div>
    </div>
  </div>
  
  <!-- Footer -->
  <div id="footer-wrapper">
    <section id="footer" class="container">
  
      <div class="row">
        <div class="4u 12u(mobile)">
          <section>
            <header>
              <h2>Tempus consequat</h2>
            </header>
            <ul class="divided">
              <li><a href="#">Lorem ipsum dolor sit amet sit veroeros</a></li>
              <li><a href="#">Sed et blandit consequat sed tlorem blandit</a></li>
              <li><a href="#">Adipiscing feugiat phasellus sed tempus</a></li>
              <li><a href="#">Hendrerit tortor vitae mattis tempor sapien</a></li>
              <li><a href="#">Sem feugiat sapien id suscipit magna felis nec</a></li>
              <li><a href="#">Elit class aptent taciti sociosqu ad litora</a></li>
            </ul>
          </section>
        </div>
        <div class="4u 12u(mobile)">
          <section>
            <header>
              <h2>Ipsum et phasellus</h2>
            </header>
            <ul class="divided">
              <li><a href="#">Lorem ipsum dolor sit amet sit veroeros</a></li>
              <li><a href="#">Sed et blandit consequat sed tlorem blandit</a></li>
              <li><a href="#">Adipiscing feugiat phasellus sed tempus</a></li>
              <li><a href="#">Hendrerit tortor vitae mattis tempor sapien</a></li>
              <li><a href="#">Sem feugiat sapien id suscipit magna felis nec</a></li>
              <li><a href="#">Elit class aptent taciti sociosqu ad litora</a></li>
            </ul>
          </section>
        </div>
        <div class="4u 12u(mobile)">
          <section>
            <header>
              <h2>Vitae tempor lorem</h2>
            </header>
            <ul class="social">
              <li><a class="icon fa-facebook" href="#"><span class="label">Facebook</span></a></li>
              <li><a class="icon fa-twitter" href="#"><span class="label">Twitter</span></a></li>
              <li><a class="icon fa-dribbble" href="#"><span class="label">Dribbble</span></a></li>
              <li><a class="icon fa-linkedin" href="#"><span class="label">LinkedIn</span></a></li>
              <li><a class="icon fa-google-plus" href="#"><span class="label">Google+</span></a></li>
            </ul>
            <ul class="contact">
              <li>
                <h3>Address</h3>
                <p> Untitled Incorporated<br />
                  1234 Somewhere Road Suite<br />
                  Nashville, TN 00000-0000 </p>
              </li>
              <li>
                <h3>Mail</h3>
                <p><a href="#">someone@untitled.tld</a></p>
              </li>
              <li>
                <h3>Phone</h3>
                <p>(800) 000-0000</p>
              </li>
            </ul>
          </section>
        </div>
      </div>
      <div class="row">
        <div class="12u"> 
          
          <!-- Copyright -->
          <div id="copyright">
            <ul class="links">
              <li>&copy; Untitled. All rights reserved.</li>
              <li>Design: <a href="http://www.wangyangde.cn/">Jason</a></li>
            </ul>
          </div>
        </div>
      </div>
    </section>
  </div>
</div>

<!-- Scripts --> 
<script src="assets/js/jquery.min.js"></script> 
<script src="assets/js/jquery.dropotron.min.js"></script> 
<script src="assets/js/skel.min.js"></script> 
<script src="assets/js/skel-viewport.min.js"></script> 
<script src="assets/js/util.js"></script> 
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]--> 
<script src="assets/js/main.js"></script>
</body>
</html>